// pc：1200px以上
@media screen and(max-width:1200px){
	#web{
		>.top{
			>.topContent{
				width: 100%;
				padding:0 10px;
			}
		}
		>.content{
			>.dialogBox{
				width: 100%;
			}
		}
		>.foot{
			>.footContent{
				width: 100%;
			}
		}
	}
}
@media screen and(max-width:992px){
	#web{
		>.top{
			width: 100%;
			>.topContent{
				width: 100%;
				padding:0 10px;
				>.left{
					>li{
						display: none;
					}
					>li:first-of-type,li:nth-of-type(2){
						display: inline-block;
					}
				}
				>.right{
					>li{
						display: none;
					}
					>li:last-of-type,li:nth-of-type(4),li:nth-of-type(5),li:nth-of-type(6){
						display: inline-block;
					}
				}
			}
		}
		>.content{
			padding-top:14px;
			padding-bottom:14px;
			>.dialogBox{
				width: 100%;
			}
		}
		>.foot{
			>.footContent{
				width: 100%;
				padding:20px 18px;
				>.foot_one{
					display: none;
				}
				>.foot_two{
					>.foot_twoLeft{
						width: 50%;
					}
					>.foot_twoRight{
						width: 50%;
					}
				}
			}
		}
	}
}

@media screen and(max-width:768px){
	#web{
		>.top{
			display: none;
			width: 100%;
			>.topContent{
				width: 100%;
				padding:0 10px;
				>.left{
					width:100%;
					>li{
						display: none;
					}
					>li:first-of-type,li:nth-of-type(2){
						display: inline-block;
					}
					>li:nth-of-type(2){
						float: right;
					}
				}
				>.right{
					display:none;
					>li{
						display: none;
					}
					>li:last-of-type,li:nth-of-type(4),li:nth-of-type(5),li:nth-of-type(6){
						display: inline-block;
					}
				}
			}
		}
		>.content{
			height: 100%;
			width: 100%;
			padding:0;
			>.dialogBox{
				position: relative;
				padding-top:56px;
				padding-bottom: 6px;
				height: 100%;
				width: 100%;
				>.dialogHeader{
					position: fixed;
					top: 0;
					left: 0;
					right: 0;
					border-radius: 0;
					padding-left:60px;
					padding-right:8px ;
					>img{
						width: 50px;
						top: 50%;
						transform: translateY(-50%);
						left: 8px;
					}
					>.headerLeft{
						font-size: 14px;
					}
					>.headerRight{
						display: none;
					}
				}
				>.dialogContent{
					height: 100%;
					position: relative;
					padding-bottom:40px;
					>.dialogContentLeft{
						width: 100%;
						border:none;
						>.dialogMainContent{
							height: 100%;
							padding: 8px;
							border: none;
							>#answer{
								>img{
									width: 45px;
									vertical-align: middle;
									margin-right: 16px;
									top:8px
								}
								>.answerBox{
									vertical-align: middle;
									padding: 5px;
									min-height:40px;
									>p{
										
									}
								}
							}
							>#question{
								>img{
									width: 45px;
									margin-left: 16px;
									top:8px
								}
								>.questionBox{
									margin-top: 8px;
									min-height:40px;
									padding: 5px;
									>p{

									}
									>img{
										top: 8px;
									}
								}
							}
						}
						>.diolagInput{
							position: fixed;
							bottom: 6px;
							left: 0;
							right: 0;
							height: 40px;
							padding-left:8px;
							padding-right:75px;
							>.textareaDiv{
								width: 100%;
								border: 1px solid #dddddd;
								border-radius: 6px;
								height: 40px;
								overflow: hidden;
								>textarea{
									padding: 0px;
									padding-left: 6px;
									font-size: 16px;
									height: 36px;
									line-height: 36px;
								}
							}
							>button{
								right: 8px;
								bottom: 0;
								width: 60px;
								height: 40px
							}
						}
					}
					>.dialogContentRight{
						display: none;
					}
				}
			}
		}
		>.foot{
			display: none;
		}
	}
}